<template>
    <div class="father">
        <h3>父组件</h3>
        <h4>汽车: {{ car }}</h4>
        <h4 v-show="toy">子组件传递给父组件数据: {{ toy }}</h4>
        <!-- 向子组件传递数据:car="car" 子组件传递数据的回调:sendToy="getToy" -->
        <Child :car="car" :sendToy="getToy"/>
        <h1 v-beauty>main.ts创建的全局数据: {{ numData }}</h1>
        <hello></hello>
    </div>
</template>

<script setup lang="ts" name="Father">
import Child from './Child.vue'
import {ref} from 'vue'
// 数据

let car = ref('奔驰')
let toy = ref('')
// 方法
// 子组件传递的数据
function getToy(value:string) {
    console.log('接收子组件传递数据',value)
    toy.value = value
}
</script>

<style scoped>
    .father{
        background-color: rgb(165, 164, 164);
        padding: 20px;
        border-radius: 10px;
    }
</style>